<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="browsermode" content="application">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="Cache" content="no-cache">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <!-- 禁止百度转码 -->
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta name="format-detection" content="telephone=no">
    <title>评论列表</title>
    <link rel="stylesheet" href="${request.contextPath}/web/css/reset.css?v=${verison!}">
    <link rel="stylesheet" href="${request.contextPath}/web/css/base.css?v=${verison!}">
    <style>
		.router {
			position: absolute;
			width: 100%;
		}
		.evaluate-list .generalComment {
			height: .94rem;
			padding: 0 .3rem;
			background-color: #fff;
			font-size: .28rem;
			color: grey;
		}
		.acea-row.row-middle {
			-webkit-box-align: center;
			-o-box-align: center;
			-ms-flex-align: center;
			align-items: center;
		}
		.acea-row {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-lines: multiple;
			-moz-box-lines: multiple;
			-o-box-lines: multiple;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.evaluate-list .generalComment .evaluate {
			margin-right: .07rem;
		}
		.start.star2 {
			background-position: 0 -1.05rem;
		}
		.start {
			width: 1.22rem;
			height: .3rem;
			background-image: url();
			background-repeat: no-repeat;
			background-size: 1.22rem auto;
		}
		.evaluate-list .nav {
			font-size: .24rem;
			color: #282828;
			padding: 0 .3rem .15rem .3rem;
			background-color: #fff;
			border-bottom: 1px solid #f5f5f5;
		}
		.evaluate-list .nav .item.bg-color-red {
			color: #fff;
		}
		.evaluate-list .nav .item {
			font-size: .24rem;
			color: #282828;
			border-radius: .06rem;
			height: .54rem;
			padding: 0 .2rem;
			background-color: #f4f4f4;
			line-height: .54rem;
			margin: 0 .17rem .17rem 0;
		}
		.evaluateWtapper .evaluateItem {
			background-color: #fff;
			padding-bottom: .25rem;
		}
		.evaluateWtapper .evaluateItem .pic-text {
			font-size: .26rem;
			color: #282828;
			height: .95rem;
			padding: 0 .3rem;
		}
		.evaluateWtapper .evaluateItem .pic-text .pictrue {
			width: .56rem;
			height: .56rem;
			margin-right: .2rem;
		}
		.evaluateWtapper .evaluateItem .pic-text .pictrue .image {
			width: 100%;
			height: 100%;
			border-radius: 50%;
		}
		.acea-row.row-middle {
			-webkit-box-align: center;
			-o-box-align: center;
			-ms-flex-align: center;
			align-items: center;
		}
		.acea-row {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-lines: multiple;
			-moz-box-lines: multiple;
			-o-box-lines: multiple;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.start.star3 {
			background-position: 0 -.7rem;
		}
		.start.star0 {
			background-position: 0 -1.75rem;
		}
		.start.star1{background-position:0 -1.4rem}
		.start.star2{background-position:0 -1.05rem}
		.start.star5{background-position:0 .03rem}
		.start.star4{background-position:0 -.3rem}
		.evaluateWtapper .evaluateItem .time {
			font-size: .24rem;
			color: #82848f;
			padding: 0 .3rem;
		}
		.evaluateWtapper .evaluateItem .evaluate-infor {
			font-size: .28rem;
			color: #282828;
			margin-top: .19rem;
			padding: 0 .3rem;
		}
		.evaluateWtapper .evaluateItem .imgList {
			padding: 0 .3rem 0 .15rem;
			margin-top: .25rem;
		}
		.evaluateWtapper .evaluateItem~.evaluateItem {
			border-top: 1px solid #f5f5f5;
		}

    </style>
</head>
<script type="text/javascript" src="${request.contextPath}/web/js/media_750.js"></script>
<script type="text/javascript" src="${request.contextPath}/web/js/jquery.min.js"></script>
<script type="text/javascript" src="${request.contextPath}/web/js/jquery.mobile.min.js"></script>
<script type="text/javascript" src="${request.contextPath}/web/js/common.js"></script>
<body style="background-color: rgb(255, 255, 255);">
<div data-role="page">
    <div class="app">
        <div data-v-33370719="" class="evaluate-list router">
            <div data-v-33370719="" class="header">
                <div data-v-33370719="" class="generalComment acea-row row-between-wrapper">
                    <div data-v-33370719="" class="acea-row row-middle font-color-red">
                        <div data-v-33370719="" class="evaluate">
                            评分
                        </div>
                        <div data-v-33370719="" class="start star${countData.star!}"></div>
                    </div>
                    <div data-v-33370719="">
                        <span data-v-33370719="" class="font-color-red">${countData.goodPercent!}</span>好评率
                    </div>
                </div>
                <div data-v-33370719="" class="nav acea-row row-middle">
                    <div data-v-33370719="" class="acea-row row-center-wrapper">
                        <div data-v-33370719="" class="item <#if scoreType=='0'>bg-color-red</#if>"
                             onclick="jump(0,${goodsId!})">
                            全部(${countData.all!})
                        </div>
                    </div>
                    <div data-v-33370719="" class="acea-row row-center-wrapper">
                        <div data-v-33370719="" class="item <#if scoreType=='1'>bg-color-red</#if>"
                             onclick="jump(1,${goodsId!})">
                            好评(${countData.score1!})
                        </div>
                    </div>
                    <div data-v-33370719="" class="acea-row row-center-wrapper">
                        <div data-v-33370719="" class="item <#if scoreType=='2'>bg-color-red</#if>"
                             onclick="jump(2,${goodsId!})">
                            中评(${countData.score2!})
                        </div>
                    </div>
                </div>
            </div>
            <div data-v-33370719="" class="evaluateWtapper">
                <#if data??>
                    <#list data as item>
                        <div class="evaluateItem">
                            <div class="pic-text acea-row row-middle">
                                <div class="pictrue">
                                    <img src="${item.userImage!}" class="image"/>
                                </div>
                                <div class="acea-row row-middle">
                                    <div class="name line1">
                                        ${item.userName!}
                                    </div>
                                    <div class="start star${item.star!}"></div>
                                </div>
                            </div>
                            <div class="time">
                                ${item.createDate?string("yyyy-MM-dd HH:mm:ss")}
                            </div>
                            <div class="evaluate-infor">
                                ${item.comment!}
                            </div>
                            <div class="imgList acea-row"></div>
                        </div>
                    </#list>
                </#if>
            </div>
        </div>
    </div>
    <#include "include/right.html" />
</div>
</body>
<script>
    function jump(type,goodsId){
        window.location.href="${request.contextPath}/web/commentList/" + type + "/" + goodsId;
    }

</script>
</html>